@charset "UTF-8";
// 覆写element样式
//按钮
.el-button {
    //element-ui 问题：按钮字号为12px时（small、mini），图标+文字按钮比文字按钮高1px，以下代码修改按钮中的图标对齐
    &>[class*=" el-icon-"],
    &>[class^=el-icon-],
    .el-icon--right {
        vertical-align: top;
    }
}

//表格字号调整为正文字号
.el-table--small,
.el-table__expand-icon {
    font-size: @s_font;
}

//.el-button--default {
//    background-color: #E7E9E9;
//}

//设置为默认撑满宽度，需要指定尺寸的特殊处理
.el-select {
    width: 100%;
}

//下拉框和按钮相连时，定义间距
.com-button:not(:first-child),
.com-button+.el-button {
    margin-left: 10px;
}

//表单
.el-input.is-disabled .el-input__inner,
.el-textarea.is-disabled .el-textarea__inner {
    color: @c_font;
}


// 按钮（自定义颜色）
.el-button {
    //&._default {
    //    color: #333;
    //    background-color: #fff;
    //    border-color: #DCDFE6;
    //}
    //&._primary {
    //    color: #fff;
    //    background-color: @c_main;
    //    border-color: @c_main;
    //    &:hover {
    //        opacity: @e_active_opacity;
    //    }
    //}
    //&._extra {
    //    color: #fff;
    //    background-color: #ffd600;
    //    border-color: #ffd600;
    //    &:hover {
    //        opacity: @e_active_opacity;
    //    }
    //}

    &._primary {
        .l_linear_gradient(#79CBFF, #005FAA, to bottom);
        color: #fff;
        &:hover {
            opacity: @e_active_opacity;
        }
    }
}

.el-button--primary {
    color: #FFF;
    background-color: #3498DB;
    border-color: #2980B9;
}

//弹框
.el-dialog {
    border-radius: 8px;
}
.el-dialog__header {
    position: relative;
    padding: 15px 20px;
    background: #234A7E;
    border-radius: 8px 8px 0 0;
}
.el-dialog__headerbtn {
    top: 50%;
    transform: translateY(-50%);
}
.el-dialog__title {
    font-size: 18px;
    color: #fff;
}
.el-dialog__headerbtn .el-dialog__close {
    padding: 4px;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: #fff;
    opacity: @e_active_opacity;
}

//表格
.el-table {
    tr {
        th.el-table__cell {
            background: #E8F3FF;
            &.is-leaf {
                border: 2px solid #CBE4FF;
                border-right: none;
            }
            &:nth-last-child(2) {
                &.is-leaf {
                    border-right: 2px solid #CBE4FF;
                }
            }
        }
        td.el-table__cell {
            border: 2px solid #CBE4FF;
            border-right: none;
            border-top: none;
            &:last-child {
                border-right: 2px solid #CBE4FF;
            }
        }
        .el-button {
            padding: 6px 12px;
            font-size: 12px;
        }
    }
}

//图片查看
.el-image-viewer__wrapper {
    //覆写 element-ui 行内样式，否则可能被弹框遮挡
    z-index: 30000 !important;
}